import {get,add,update} from "../../utils/db"
Page({
  data:{
    list:[],      //菜谱列表
    name:"",    //菜谱，名称
    addTag:false,   //false  添加输入框隐藏
    updateTag:false  //false  更新的输入框隐藏
  },
  async onLoad(){
    let result =await get({collection:"type"}).catch(err=>{
      console.error(err)
    })
    this.setData({
      list:result.data
    })
  },
  //显示添加的input
  showAdd(){
    this.setData({
      addTag:true
    })
  },
  //执行添加数据
  async add(){
    //数据库中添加记录
    let result =await add({collection:"type",data:{name:this.data.name}}).catch(err=>{
      console.error(err)
    })
    //读取数据库中最新的记录
    let res=await get({collection:"type"}).catch(err=>{
      console.error(err)
    })
    // 隐藏输入框
    this.setData({
      addTag:false,
      list:res.data
    })
  },
  //显示修改的输入框
  showUpdate(e){
    //获取参数name和id
    let {name,id}=e.currentTarget.dataset;
    //渲染到页面
    this.setData({
      updateTag:true,
      name:name,
      id:id
    })
  },
  //执行修改
  async update(){
    //1.修改数据库
    let result =await update({
      collection:"type",
      id:this.data.id,
      data:{name:this.data.name}}).catch(err=>{
      console.error(err)
    })
    //2.读取最新的数据
    let res=await get({collection:"type"}).catch(err=>{
      console.error(err)
    })
    //隐藏修改的输入框
    this.setData({
      updateTag:false,
      list:res.data
    })

  }
})